<!doctype html>
<div style="position: absolute; overflow:scroll; width:200px; height:200px">
  <div id="foo2" style="height: 1000px; width: 150px;  background: lightblue; will-change: transform;"></div>
  <div id="foo" style="height: 1000px; width: 100px; position: absolute; top: 0px; left: 0px; background: lightgray"></div>
</div>
<script src="../resources/text-based-repaint.js"></script>
<script>
// This test verifies that a repaint request for a squashed layer that is inside of a scrolling container and much taller
// than the viewport does not receive an incorrect paint invalidation rect when it is invalidated. In particular, the invalidation
// rect should not be clipped to the visible viewport.

function repaintTest() {
    document.querySelector("#foo").style.background = 'red';
}

runRepaintAndPixelTest();
</script>